// pages/detail-video/index.js
// 导入接口请求
// 1、getMVURL：获取 mv 地址
// 2、getMVDetail：获取 mv 详情
// 3、getRelatedMV：获取相关 mv
import { getMVURL, getMVDetail, getRelatedMV} from "../../../service/api_video";

Page({
  data: {
    mvURLData: {}, // mv URL 数据
    mvDetailData: {}, // mv 详情的数据
    relatedMVData: {}, // 相关视频的数据
    // 弹幕数据
    danmuList:[{
      text: '第 1s 出现的弹幕',
      color: '#ff0000',
      time: 1
    }, {
      text: '第 3s 出现的弹幕',
      color: '#ff00ff',
      time: 3
    }],
    scrollViewHeight: 0, // 页面 scroll-view 区域的高度
  },

  onLoad: function (options) {
    const id = options.id; // 获取 mv 的 id
    this.getMVData(id); // 调用发送请求的方法
    
    // 动态获取设备的尺寸等信息
    wx.getSystemInfo({
      success: (result) => {
        const query = wx.createSelectorQuery();  // 创建节点选择器
        let videoHeight = 0;

        // 获取 video 标签的 id
        query.select('#video').boundingClientRect().exec((res) => {
          videoHeight = res[0].height; // 获取 video 的高度
          this.setData({ scrollViewHeight: result.screenHeight - result.screenTop - videoHeight + "px" });
        });
      },
    });
  },

  // 发送请求
  getMVData(id) {
    // 1、请求播放地址
    getMVURL(id).then(res =>{
      this.setData({ mvURLData: res.data });
    });

    // 2、请求视频信息
    getMVDetail(id).then(res =>{
      this.setData({ mvDetailData: res.data });
    });

    // 3、请求相关视频
    getRelatedMV(id).then(res =>{
      this.setData({ relatedMVData: res.data });
    });
  }
});
